@backcolor: rgb(48, 65, 86); //原背景颜色
@hovercolor :rgb(38, 52, 69); //鼠标覆盖后背景颜色
@displayboxcolor: rgb(38, 52, 69); //下拉列表鼠标未选中的颜色
@displayboxhover: #001528; //下拉列表鼠标覆盖的颜色

//   color: rgb(64, 158, 255);
// color: rgb(48, 65, 86);


.fatherbox {
    width: 100%;
}

//左边侧边栏的样式
#left {
    position: absolute;

}

.mainbox {
    // width: 210PX;
    font-size: 14px;

    left: 0;
    top: 0;

    ul {
        // position: absolute;
        // margin: 0;
        // color: black;
        background-color: @backcolor;

        li {
            width: 100%;

            margin-left: 0;
            list-style: none;
            box-sizing: border-box;
            height: 56px;
            line-height: 56px;
            padding-left: 20px;

            &:hover {
                background-color: @hovercolor ;

                span {
                    background-color: @hovercolor;
                }

            }

            a {
                text-decoration: none;
                color: #e3e3e3;

                i {
                    padding-right: 30px;
                }

                .jy-button {
                    float: right;
                    right: 10px;
                    line-height: 56px;
                    height: 56px;
                    vertical-align: baseline;
                    margin-left: 40px;
                    padding-right: 10px;
                    color: #909399;
                    font-size: 12px;
                    transition: transform 0.4s;

                }



            }

        }
    }
}



.textbox {
    display: none;
    box-sizing: border-box;

    background-color: @displayboxcolor;

    li {
        height: 56px;
        padding-left: 30px !important;
        background-color: @displayboxcolor;

        &:hover {
            background-color: @displayboxhover ;

        }

        ;
    }



}

//旋转箭头
.rotate {
    transform: rotate(180deg);
    transform-origin: center;
    transition: transform 0.4s;
}


.display {
    display: block;
    transition: transform 0.4s;

    div {
        transform: rotate(180deg);
    }
}


//选中li时候
.active {

    i,
    span {
        color: rgb(64, 158, 255);
    }



}

.right {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 220px;
    transition: 200ms 100ms;
    z-index: 999;
    background-color: #fff;


    .icon {
        margin: 20px;


        a {
            cursor: pointer;
            text-decoration: none;
        }

    }
}

.displaybox {
    left: 60px !important;

}